<template>
  <div class="container">
    <!-- 底部部分 -->
    <div class="b">
      <img class="m_logo" src="../assets/m_logo.jpg" alt="">
    </div>
    <div class="footer_second">
      <el-breadcrumb separator="/">
        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item><a href="/">中国政府网</a></el-breadcrumb-item>
        <el-breadcrumb-item><a href="/">教育部</a></el-breadcrumb-item>
        <el-breadcrumb-item><a href="/">国家卫建委</a></el-breadcrumb-item>
        <el-breadcrumb-item><a href="/">民政部</a></el-breadcrumb-item>
        <el-breadcrumb-item><a href="/">公安部</a></el-breadcrumb-item>
        <el-breadcrumb-item><a href="/">国家发展和改革委员会</a></el-breadcrumb-item>
      </el-breadcrumb>
      <br>
    </div>
    <div>
      <div class="footer_left">
        <span class="footer_title">湘育幼教网</span>
      </div>
      <div class="footer_right">
        <p><a href="##">湘育幼教</a>|<a href="##">网站声明</a>|<a href="##">联系我们</a></p>
        <p>主办单位：中南林业科技大学涉外学院软工11班刘学</p>
        <p>版权所有：刘学</p>
        <p>服务热线：18670084187</p>
      </div>
    </div>
  </div>
</template>

<script>

export default {
  name: 'footers',
  components: {

  }
}
</script>

<style scoped>
a {
  text-decoration: none;
}

.b {
  height: 10px;
  background-color: blue;
}

.footer_second {
  margin-top: 20px;
}

.footer_title {
  font-size: 30px;
}

.footer_left {
  float: left;
  height: 200px;
  /* background-color: gray; */
  margin-left: 150px;
}

.footer_right {
  position: relative;
  top: 30px;
  margin-left: 700px;
}

.m_logo {
  width: 150px;
  height: 150px;
  margin-top: 126px;
  margin-left: 150px;
}
</style>
